<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
      .container {
          display: flex;
          flex-wrap: nowrap;
      }

      .left-column {
          flex: 0 0 200px; /* 左侧栏固定宽度 */
      }

      .center-column {
          flex: 1; /* 中间栏自适应宽度填充剩余空间 */
      }

      .right-column {
          flex: 0 0 200px; /* 右侧栏固定宽度 */
      }
  </style>
</head>
<body>
<div class="container">
  <div class="left-column">
    <!-- 左侧栏内容 -->
  </div>
  <div class="center-column">
    <!-- 中间栏内容 -->
  </div>
  <div class="right-column">
    <!-- 右侧栏内容 -->
  </div>
</div>
</body>
</html>
